﻿body 
{
   background-image:url("../graphics/fondo_web.jpg");
    background-color:#666666;
    background-repeat:repeat;
    font-size: .80em;
    font-family: Levenim MT, Aharoni, Colonna MT;
    color:black;
    width:1024px;
    padding:20px;
    margin-left: auto;
    margin-right: auto;
  
}

h1
{
    color:White;
}
h2
{
    font-family: Colonna MT;
}
    
p
{
    text-indent: 20px;
    height: 14px;
    font-family:Levenim MT;
}

.titulo
{
    position:relative;
    background-image:url('black_gr.jpg');
    /*background-repeat:repeat-x;*/
    background-color:#666666;
    height:180px;
   /* margin:0px;
    height:auto;
   
    padding:20px;
    text-align:left;
    top: 0px;
    left: 0px;*/
}

.espacio
{
    height:30px;
    background-color:#242424;
    background-image:url('borde.png');
}



.login
{
    float:right;
    color:White;
    vertical-align:middle;
}

.logp
{
    background-color: Gray;
    text-align:center;
    padding:5px;
    width:100px;
    }


.contenedor
{
    
    border:1px;
    border-style:solid;
    border-color:#707070;
    background-color:#f4f4f4;
   /margin:20px;
    border-radius: 3px;
    width:1024px;

}

.subcontenedor
{
    padding:20px;
}

.menu
{
    font-family: Estrangelo Edessa;
    font-size:20px;
   width: 147px;
   padding:10px;
}

.redesSociales {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.contenido
{
    position:relative;
    padding:20px;
    width: 800px;
    height:auto;
    padding:10px;
    text-align:left;
    top: -252px;
    left: 185px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    border-radius: 1px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #3eb3cb;
    color: black;
    display: block;
    line-height: 1.35em;
    padding: 8px 20px;
    text-decoration: none;
    white-space: nowrap;
    width:100px;
}

div.menu ul li a:hover
{
    background-color: #1f527b;
    color: white;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #00709e;
    color: #cfdbe6;
    text-decoration: none;
}


.Perfil
{
    font-family:  High Tower Text;
    font-style: oblique;
    background-color:Gray;
    color:White;
    font-size:30px;
}
  
.Perfil-div
{
     margin-left:2px;
}  
/*FIN Estilo Macro/Común*/

/* INICIO Estilo Reserva */


.reservaCalend {
  width: 800px;
  height: 150px;
} 

.IdaCalend {
  float: left;
  width: 200px;
}

.VueltaCalend {
  float: right;
  width: 300px;
  margin-left: 20px;
}

/* Calendario*/
.CalIda 
{
  margin-left: 20px;
  width: 90px;
}

.CalVuelta 
{
  margin-left: 20px;
}


/* Resto formulario reserva*/
.CantidadReserva
{
    width: 600px;
    height:30px;
}

.MargenTexto
{
   float: left;
   width: 80px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.MargenTextBox
{
  float: right;
  width: 450px;
  margin-left: 20px;
  height:20px;
}
/* FIN Estilo Reserva */

/* INICIO Estilo Home*/

.contenedorvisor {
padding-top:10px;
width: 600px;
height: 560px;
margin: auto;
float: left;
text-align:center;
clear:both;
overflow: hidden;
    top: -7px;
    left: 87px;
}
.contenedorvisor a {
display: inline;
text-decoration: none;
}
/* Estilo miniaturas */
.miniatura {
width: 18%; /* 100/nºimágenes, 5 en el ejemplo */
margin:1px;
border: 3px solid black;
border-radius: 1px;
opacity: 1;
}

/* Marcamos con un borde la miniatura seleccionada */
.miniatura:hover{
border: 3px solid grey;
opacity: .5;
}

.elemento {
margin-left:20px;
float:left;
/*FIN Estilo Home*/
}
/*INICIO Estilo Registro*/
.containerCampos
{
    width: 670px;
    height:30px;
}

.stiloCampos
{
   float: left;
   width: 125px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.stiloTextBox
{
  float: right;
  width: 520px;
  height:20px;
}

.botones
{
    margin-left:50px;
}
/*FIN Estilo Registro*/

/*INICIO estilo Planetas*/
.bloque
{
    width:800px;
}
.bloque2
{
    float:left;
    width:420px;
}
.bloque3
{
    float:right;
    margin-left:30px;
    width:250px;
}
.bloquereserva
{
    height:auto;
}
.bloquetexto
{
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}
.bloqueentrada
{
  width: 415px;
  margin-left: 5px;
  height:20px;
}
#fechaizq
{
    float:left;
    width:200px;
    height:220px;
}
#fechader
{
    float:right;
    width:200px;
    height:220px;
}
.imagen
{
    float:left;
    margin-left:170px;
    width:220px;
    height:200px;
}
.nombreplaneta
{
    float:right;
    margin-left:30px;
    width:380px;
}
.espaciador
{
    height:70px;
}
.casillagrande
{
    height:60px;
}
.cuadro
{
    width:220px;
    height:200px;
}
.tabla
{
    margin-left:80px;
    width:700px;
}
/*FIN Estilo Planetas*/

/* Confirmar Reserva */
.Billete
{
   /* position:absolute;
    width:inherit;
    background-image:url("../graphics/billete.jpg");*/
    
    width:800px;
}

.MargenConf
{
   float: left;
   width: 120px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.MargenConfPrecio
{
   float: right;
   width: 120px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}
/*Fin Confirmar Reserva */

/*Informacion*/
.texto
{
    text-align:justify;
}
/*Fin informacion*/